<template>
    <div class="card">
        <v-card>
            <v-card-title>122</v-card-title>
        </v-card>
    </div>

</template>
<script setup>
const card = document.querySelector('.card');
card.onmousemove = function (event) { }


</script>

<style scoped>
.card:hover {
    box-shadow: -3px -3px 10px #54a29e, 3px 3px 10px #a79d66;
}

.card {
    width: 200px;
    border-radius: 10px;
    transition: 0.3s;
    transform: perspective(5000px) rotateX(var(--rotateX, 0deg)) rotateY(var(--rotateY, 0deg));
}
</style>